<template>
  <j-select-biz-component :width="1000" v-bind="configs" v-on="$listeners"/>
</template>

<script>
  import JSelectBizComponent from './JSelectBizComponent'

  export default {
    name: 'JSelectProduct',
    components: { JSelectBizComponent },
    props: ['value'],
    data() {
      return {
        settings: {
          name: '商品',
          displayKey: 'name',
          returnKeys: ['id', 'productSn'],
          listUrl: '/pms/pmsProduct/list',
          queryParamCode: 'productSn',
          queryParamText: '货号',
          columns: [
            { title: '名称', dataIndex: 'name', align: 'center', width: '60%' , widthRight: '70%'},
            { title: '货号', dataIndex: 'productSn', align: 'center', width: '30%' }
          ]
        }
      }
    },
    computed: {
      configs() {
        return Object.assign({ value: this.value }, this.settings, this.$attrs)
      }
    }
  }
</script>

<style lang="less" scoped></style>